<div class="w-10/12 ml-1/12 inset-auto bottom-0 z-50 my-4 opacity-50 hover:opacity-100 transition-opacity duration-150 group">
  <a href="https://avohq.io/pricing" target="_blank" class="rounded bg-green-700 text-white py-2 px-4 text-sm block group-hover:pt-4">
    <%= svg "avo/exclamation", class: 'h-6 inline mr-1 text-bold' %> <%= title %>
    <div class="group-hover:block hidden py-2">
      <%= message %> <%= svg "avo/arrow-circle-right", class: "h-6 inline float-right" %>
    </div>
  </a>
</div>
